<template>
<!-- 根据饮料清单循环渲染菜品组件 -->
<Dish
    v-for="price,item in Drinks"
    :name="item"
    :price="price"
    :picture="picturePath"
    type="drinks"
    :options="{}"
/>
</template>

<script lang="ts" setup>
//导入菜品组件
import Dish from './common/Dish.vue';
//导入饮料菜单
import {Drinks} from '../static/menu.json';
//导入图片路径
import picturePath from '../static/cup.png';
</script>

<style lang="scss" scoped>
</style>
